<template>
    <div class="goodsdesc-container">
        <div v-for="item in info" :key="item.docid">
            <div>
                <h3>{{ item.title }}</h3>
                <hr>
                <div class="content" v-html="item.digest">
                    

                </div>
                <img :src="item.picInfo[0].url" width="100%" height="100%">
            </div>

        </div>
        
        
        
    </div>
</template>
<script>
export default {
    data(){
        return{
            info:[]
        }

    },
    created(){
       this.getgoodsdesc()
        
    },
    methods:{
        getgoodsdesc(){
            this.$http.get('https://www.apiopen.top/journalismApi').then(result =>{
                console.log(result)
                this.info = result.body.data.auto
            })

        }

    }
    
}
</script>
<style lang="scss" scoped>
.goodsdesc-container{
    padding: 4px;
    h3{
        font-size: 16px;
        color:#226aff;
        text-align: center;
        margin:15px 0;
    }
    .content{
        font-size: 12px;
        color: #888888;
    }
}

</style>



